<template>
   <div>   
     <transition name="fade">
           <router-view></router-view>
     </transition>
      
      
      <Tabbar/>    
    
    </div>
    
</template>

<script>
import Tabbar from "../components/tabbar.vue"
export default {
   components:{
     Tabbar
   }

}
</script>

<style>
  .fade-enter-active, .fade-leave-active {
  transition: all .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
  transform: translateX(-100%);
}
</style>